.chooseEporder {
  @apply flex justify-between;

  span {
    @apply font-medium text-lg leading-6;
    color: #999999;
  }

  img {
    @apply w-6 h-6;
    @apply cursor-pointer;
  }
}

.orderBox {
  @apply flex justify-between pr-5 mt-5;
}

.jujiBox {
  @apply w-full flex-1 overflow-y-auto mt-5 overflow-x-hidden;

  &::-webkit-scrollbar {
    width: 0.25rem;
  }

  &::-webkit-scrollbar-corner,
  &::-webkit-scrollbar-track {
    background-color: transparent;
  }

  &::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.2);
  }

  .jujiItem {
    @apply inline-block w-full;

    &:not(:first-child) {
      @apply mb-2;
    }

    &.isOffice {
      width: 2.5rem !important;
      height: 2.5rem !important;
      margin-right: 0.5rem !important;
    }

    &.noOffice {
      @apply mr-2 bg-bg25 text-white-80 h-10 w-10 leading-10 text-base text-center;
      border: 1px solid rgba(255, 255, 255, 0.2);

      &:nth-child(6n + 6) {
        @apply mr-0;
      }

      &:hover {
        border-color: #ffffff;
      }
    }

    &.jujiShow {
      @apply bg-bg25 rounded text-white-80 text-base text-center h-10 leading-10 w-full m-0 mb-2;
      border: 1px solid rgba(255, 255, 255, 0.2);
      width: calc(100% - 10px) !important ;
      &:hover {
        border-color: #ffffff;
      }
    }

    &.jujiActiveBorder {
      border-color: #ffffff;
    }

    &.jujiActive {
      .jujiInfo {
        background-color: rgba(255, 255, 255, 0.1);
      }
    }

    .jujiTitle {
      @apply text-white font-medium text-base w-full;
      margin-bottom: 0.625rem;
    }

    .jujiInfo {
      @apply w-full flex items-center h-20;

      &:hover {
        background-color: rgba(255, 255, 255, 0.1);
      }

      .jujiPoster {
        @apply h-full shrink-0;
        width: 9.0625rem;
        margin-right: 0.625rem;
      }

      .jujiDesc {
        @apply overflow-hidden text-sm text-white-40 leading-5 pr-2;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
      }
    }
  }
}
